*{margin:0;padding:0;outline:0;border:0;text-decoration: none;box-sizing: border-box  ;}
#app>div{padding-top:40px;}
.mint-header{background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));}
.mint-header-title{font-size:16px;}
.icon{ vertical-align: -0.15em; fill: currentColor; overflow: hidden;transition:.3s;transform: scale(.9) translateY(3px); transform-origin: center top;}
.circlebtn .mint-tab-item-icon:before{left:-4px;right:-4px;bottom:-4px;}
.circlebtn{position:relative;z-index: 1}
.circlebtn:before{position:absolute;content:"";border-radius: 50%;background-color:#fafafa;border-top:2px solid #ddd;
  left:50%;top:21px;width:70px;height:65px;transform: translate(-50%,-50%);z-index: -1;}
.circlebtn .icon{width:32px!important;height:32px!important;margin:-6px 0 6px -4px;}
.circlebtn .mint-tab-item-label{padding-top:6px;}
.rowgn{position:absolute;color:#999;height:inherit;line-height:inherit;transform:rotate(180deg);right:20px;}
.mint-navbar .mint-tab-item.is-selected{color:#2fa773;border-color:#3dc3b5}
.mint-tab-item-label{font-size:16px;}
.mint-navbar .mint-tab-item{padding:15px 0;}
.mint-indexlist-nav{background-color:transparent;border:none;}
.noindex .mint-indexlist-nav{display:none;}
.mint-indexlist-content{margin-right:0!important;}
.mint-indexlist-content .mint-cell-value{font-size:12px;}
.mint-cell-title .icon{width:20px;height:16px;}
.mint-indexlist-navitem{font-size:12px;margin:2px 0;color:white;background:black;opacity: .5}
.empty{text-align: center;padding-top:10vw;color:#999;}
.empty .iconfont{font-size:30vw;color:#ccc;}
.hrow+.mint-radiolist{margin-top:-10px;}
button.ok{color:white;font-size:18px;border-radius:20px;margin:5px 4vw;flex:1;line-height:40px;height:40px;background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));}
.icon-msnui-success{font-size:11vw;}
font{color:#ef6656}
.mt-range-progress{background-color:#2fa773}
.mint-popup{width:100%}
.pr{position:relative;}
.cless{color:#999;}
.clful{color:#2fa773}
.mint-field{position:relative;}

/*首页*/
.mainpage .mint-tabbar{background:#fafafa;border-top:1px solid #ddd}
.mainpage .mint-tab-item-label{color:#999}
.mainpage .mint-tab-item-icon .icon{width:24px;height:24px;}
.mainpage .mint-tab-item-icon{position:relative;}
.mainpage .mint-tab-item-icon:before{position:absolute;left:0;right:0;bottom:0;top:0;background:white;opacity: .4;content:"";transition:.3s;z-index: 1}
.mainpage .mint-tab-container{padding:0 0 56px 0;}
.mainpage .is-selected .icon{transform: scale(1) translateY(0)}
.mainpage .is-selected .mint-tab-item-icon:before{opacity: 0}
.mainpage .is-selected{background-color:transparent!important;}
.mainpage .is-selected .mint-tab-item-label{color:#333}
.banner{height:30vw;}
.banner img{width:100%;height:100%;}
.njhinfo{background:-webkit-gradient(linear, 30% 0, 70% 0, from(#52df7d), to(#3dc3b5));
  border-bottom-right-radius: 50%;border-bottom-left-radius: 50%;margin-bottom:-85px;
  padding:10px calc(30% + 10px) 85px calc(30% + 10px);color:white;font-size:12px;display:flex;flex-direction: row;
  position:relative;width:160%;margin-left:-30%;}
.njhinfo:before,.njhinfo:after{position:absolute;content:"";transform: rotate(45deg);background:white;opacity: .15;z-index: 0}
.njhinfo:before{right:100px;top:50px;width:200px;height:200px;}
.njhinfo:after{right:250px;top:120px;width:150px;height:150px;}
.njhinfo .logo{background:url("img/logo2.png") no-repeat center;background-size:contain;flex:1;}
.njhinfo .txt{flex:3;padding-left:10px;text-indent:2em}
.searchbar{padding:0 20px;text-align:center;color:#ccc;width:92%;margin:10px auto;background:#fff;
  border-radius:20px;line-height:35px;height:35px;position: relative;}
.searchbar i{font-weight:bolder;}
.homebox{border-radius: 5px;background:white;box-shadow: 0 5px 14px #ddd;opacity: .9;
  width:92%;margin:0 auto;display:flex;position:relative;padding:0 4% 20px 4%;flex-wrap: wrap;align-content:stretch}
.homebox .btn{width:27vw;text-align: center;font-size:14px;flex-direction: column;display: flex}
.homebox .btn .icon{width:60%;height:auto;margin:-20px auto -50px auto;}
.hrow{line-height:50px;height:50px;padding:0 20px;font-size:14px;display:flex;border-bottom:1px solid #ddd;}
.hrow .iconfont{padding-right:10px;color:#3dc3b5;font-size:20px;}
.hrow .mint-swipe{flex:1}

/*智能导诊*/
.zndz{background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));position:relative;overflow: hidden;
display:flex;align-items: center;padding:1vw 4% 10vw 4%;margin-bottom:-15vw;}
.zndz:before,.zndz:after{position:absolute;content:"";border-radius: 50%;}
.zndz:before{background:white;opacity: .2;width:33vw;height:33vw;top: 50%;margin-top: -21.5vw;left:4vw;z-index: 0;}
.zndz:after{bottom: -16vw;left: -20vw;width: 0;border: 70vw solid transparent;border-bottom: none;border-top: 20vw solid #fff;height: 0;}
.zndz>.icon{width:33.333%;height:auto;margin:0 1vw;}
.zndz .askingbox{width:55.555%;height:auto;margin-left:8%;border:10px;border-radius: 5px;background:white;position:relative;padding:10px;font-size:14px;}
.zndz .askingbox:before,.zndz .askingbox:after{position:absolute;content:"";background:white;z-index:0;}
.zndz .askingbox:before{bottom:-7px;right:-6px;border-radius: 50%;width:20px;height:20px;}
.zndz .askingbox:after{width:10px;height:10px;top:50%;left:-5px;margin-top:-5px;border-radius: 2px;transform: rotate(45deg)}
.zndz .askingbox .icon{position:absolute;right:-5px;bottom:-5px;width:5vw;height:5vw;}
.choosebox{display:flex;padding:10px 0;width:100%;flex-wrap: wrap;}
.choose{width:44%;border-radius:5px;line-height:15vw;height:15vw;position:relative;margin:5vw 0 5vw 4%;color:white;
  text-align: center;box-shadow: 0 5px 6px #ddd;animation:upIn .5s;
  background:-webkit-gradient(linear, 0 0, right 0, from(#36def4), to(#38d6d8));}
.choose:nth-child(3n-1){background:-webkit-gradient(linear, 0 0, right 0, from(#4abaf7), to(#23adf9));animation:upIn2 .5s;}
.choose:nth-child(3n){background:-webkit-gradient(linear, 0 0, right 0, from(#72a1f6), to(#5591f8));animation:upIn3 .5s;}
.choose.big{width:92%;}
@keyframes zoomIn {
  from{transform: scale(.5)}
  20%{transform: scale(1.1)}
  40%{transform:scale(.9)}
  60%{transform: scale(1.05)}
  80%{transform:scale(.95)}
  to{transform: scale(1)}
}
@keyframes upIn {
  from{transform: translateY(5vw)}
  to{transform: translateY(0)}
}
@keyframes upIn2 {
  from{transform: translateY(10vw)}
  to{transform: translateY(0)}
}
@keyframes upIn3 {
  from{transform: translateY(15vw)}
  to{transform: translateY(0)}
}
.choose:before,.choose:after{position:absolute;content:"";z-index: 0;}
.choose:before{width:0;height:0;border:10px solid transparent;border-top:10px solid #38d6d8;right:0;bottom:-20px;transform: skewX(35deg);opacity: .8}
.choose:nth-child(3n-1):before{border-top:10px solid #23adf9;}
.choose:nth-child(3n):before{border-top:10px solid #5591f8;}

/*我的*/
.myhead{background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));position:relative;height:48vw;margin-bottom:15vw;}
.myhead:before{position:absolute;content:"";left:5vw;right:5vw;top:29vw;border-radius:10px;height:32vw;
  background:white;opacity: .8;z-index:0;box-shadow:0 5px 10px #ccc;}
.myhead .mint-cell{position:absolute;top:48vw;width:84vw;left:50%;margin-left:-42vw;background:none;border:none;}
.headpic{position:absolute;width:40vw;height:40vw;left:50%;margin-left:-20vw;top:5vw;border-radius: 50%;
  background:url("img/head.jpg") no-repeat center;background-size:100% 100%;animation:zoomIn .75s;z-index:3}
.headpic.second{background-image: url("img/head2.jpg")}
.headpicborder{position:absolute;width:44vw;height:44vw;left:50%;margin-left:-22vw;top:3vw;border-radius:50%;
background:-webkit-gradient(linear, -28% 0, 128% 0, from(#52df7d), to(#3dc3b5));z-index: 2;}
.lftcircle,.rgtcircle{position:absolute;z-index: 1;left:50%;top:34vw;line-height:10vw;width:40vw;padding:0 3vw;
  background:-webkit-gradient(linear, 0 0, 50% 0, from(#4abaf7), to(#23adf9));border-radius:5px;color:white;}
/*.lftcircle:before,.rgtcircle:before{position:absolute;z-index:-1;left:0;top:0;right:0;bottom:0;background:white;border-radius:5px;opacity: .3;content:"";}*/
.lftcircle{margin-left:-40vw;text-align: left;}
.rgtcircle{text-align: right;background:-webkit-gradient(linear, 50% 0, right 0, from(#72a1f6), to(#5591f8));}
.grayrow{line-height:3vw;height:3vw;background:#f0f0f0;margin:-1px 0;}
.scode{background:url("img/scode.png") no-repeat center;margin:10vw;height:60vw;background-size:auto 100%;display:flex;
justify-content: center;align-items: center;position:relative;}
.scode .headpic{position:static;border-radius:5px;width:16vw;height:16vw;margin:0;}
.scode:before{position:absolute;content:"可以扫码快速查看检查结果，快速缴费";font-size:14px;color:#999;bottom:-4vw;left:0;right:0;text-align:center;}
.feedback textarea{margin-top:15vw;width:100%;height:30vw;padding:0 4vw;text-indent:2em;resize: none;font-size:16px;}
.lefticon{position:absolute;left:22vw;bottom:4vw;font-size:20px;}
.lefticon:after{transform:rotate(135deg)}
.righticon{display:inline-block;margin-left:4vw}
.righticon:after{transform:translateY(-5px) rotate(135deg)}
.changeacct{position:absolute;left:8vw;width:80px;bottom:-50px;height:30px;z-index:2;}

/*搜索*/
.search{padding-top:40px;}
.search .mint-search{height: calc(100vh - 40px)}
.mint-searchbar{background:-webkit-gradient(linear, 0 0, right 0, from(#52df7d), to(#3dc3b5));}
.mint-searchbar-inner{padding:0 20px;text-align:center;color:#ccc;width:92%;margin:10px auto;background:#fff;
  border-radius:20px;line-height:35px;height:35px;}
.mint-searchbar-cancel{display:none;}
.mint-searchbar-inner .mintui-search{font-size:16px;font-weight:bolder;}
.mint-searchbar-core{text-indent:1em;}

/*地图*/
#mapCard_style{width:100%;height:100px;}
.map{padding:40px 0 55px 0;}
.map .mint-tabbar{overflow-y:visible;overflow-x: auto;display:block;white-space: nowrap;border-bottom:1px solid #ddd;margin-bottom:-1px;font-size:0;}
.map .mint-tabbar .mint-tab-item{display:inline-block;color:#666;}
.map .mint-tabbar .mint-tab-item .mint-tab-item-label{font-size:16px;line-height:32px;padding:0 5vw;}
.map .mint-tabbar .mint-tab-item.is-selected{border-top:3px solid #3dc3b5}
.mapview{width:100%;margin-top: -30px;height: 666px;margin-left:-1px;}

/*专家列表*/
.doctor{padding-top:89px;}
.is-fixed+ .mint-navbar.is-fixed{top:40px;}
.is-fixed+ .mint-navbar.is-fixed+ .mint-tab-container{height:calc(100vh - 43px);border-top:1px solid #ddd;padding-top: 46px;}
.is-fixed+ .mint-navbar.is-fixed+ .mint-tab-container .mint-indexlist,.is-fixed+ .mint-navbar.is-fixed+ .mint-tab-container .mint-indexlist-content{height:calc(100vh - 89px)!important;}

/*卡片详情*/
.cardbox{width:92%;margin:20px 4%;box-shadow: 0 5px 10px #ccc;border-radius:10px;padding:0 4%;color:#666;font-size:14px;
  background:white;border-top:3px solid #3dc3b5}
.cardbox .hd{padding:10px 0;display: flex;align-items: center;border-bottom:1px solid #ddd;position:relative;}
.cardbox .hd .pic{color:white;background:#3dc3b5;width:20vw;height:20vw;border-radius:50%;font-size:20vw;}
.cardbox .hd .txt{line-height:16px;padding-left:4vw;}
.cardbox .hd .txt p+p{padding-top:10px;}
.cardbox .hd i{position:absolute;width:30px;height:30px;left:50%;bottom:-15px;font-size:30px;background:white;margin-left:-15px;}
.cardbox .hd i.active{color:#ef6656;}
.cardbox .row{padding:10px 0;border-top:1px solid #ddd;margin-top:-1px;}
.cardbox .tiptt{font-size:16px;font-weight:bolder;color:#333;margin-right:2vw;}
.cardbox .hrow{border:none; border-top:1px solid #ddd;padding:0;}
.cardbox .hrow .mintui{margin-right:4vw;}
.cardbox .hrow.out{color:#999}
.cardbox .hrow.out .mintui{display:none;}

/*资料详情*/
.detail{padding:60px 20px 0 20px;}
.detail h4,.detail h5{text-align:center;padding-bottom:10px;}
.detail p{text-indent:2em;font-size:14px;}
.detail img{width:100%;height:auto;margin:5px 0;}

/*支付*/
.fqbox{padding:10vw 4vw 0 4vw;background:white;}
.fqbar{display:flex;padding:1vw 0 5vw 0;justify-content: space-between;}
.fqnum{color:#999}
.fqnum.active{color:#2fa773;}

/*账号*/
.crbtn{position:absolute;right:2vw;top:50%;width:8vw;height:8vw;font-size:8vw;margin-top:-4vw;color:#2fa773;}

/*住院*/
table{width:92vw;margin:10px 4vw;}
